<template>
  <div class="login-banner">
    <n-carousel :show-dots="false" :interval="2000" autoplay>
      <img
        class="carousel-img"
        :src="item"
        v-for="item in [LoginOne, LoginTwo, LoginThree]"
        :key="item"
      />
    </n-carousel>
  </div>
</template>

<script lang="ts" setup></script>

<style lang="less" scoped>
.login-banner {
  width: 30%;
  z-index: 2;
}
.carousel-img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}
</style>
